<%-- 
    Document   : registro
    Created on : 30/12/2012, 09:06:26 AM
    Author     : TOSHIBA
--%>


<%@page import="CapaLogica.Categoria"%>
<%@page import="java.util.LinkedList"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="recursos.interfaz_com"%>
<%
    
     interfaz_com com = new interfaz_com();
    LinkedList<Categoria> lista = com.pedir_categorias();
%>
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>guatebay</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
        <script type="text/javascript" src="js/jquery-1.5.2.js" ></script>
        <script type="text/javascript" src="js/cufon-yui.js"></script>
        <script type="text/javascript" src="js/cufon-replace.js"></script>
        <script type="text/javascript" src="js/Amaranth_400.font.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
        <script type="text/javascript" src="js/scroll.js"></script>
        <script type="text/javascript" src="js/atooltip.jquery.js"></script>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
        <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
        <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
        <link rel="stylesheet" href="/resources/demos/style.css" />
        <script>
            function loadXMLDoc(nombre,desc,precio,categoria,subasta)
            {
                var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                {// code for IE6, IE5
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.onreadystatechange=function()
                {
                    if (xmlhttp.readyState==4 && xmlhttp.status==200)
                    {
                        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
                    }
                }
                xmlhttp.open("GET","mensaje_registro_producto.jsp?nombre="+nombre+"&desc="+desc+"&precio="+precio+"&categoria="+categoria+"&subasta="+subasta,true);
                xmlhttp.send();
            }
            function ValidaCampos(form)  
            {  
                if(vacio(form.nombre.value))  
                    alert("Especifique nombre del producto");  
                else if(vacio(form.desc.value))  
                    alert("De una descripcion del Producto");  
                else if(vacio(form.precio.value))  
                    alert("Es necesario un precio");
                else  {
                    alert("parametros bien");
                    
                    loadXMLDoc(form.nombre.value,form.desc.value,form.precio.value,form.categoria.value,form.subasta.checked);
                }  
                return(false);  
            }  
           
           
            
            function vacio(cadena)  
            {                                      
                var blanco = " \n\t" + String.fromCharCode(13);  
                                      
                var i;                               
                var es_vacio;                      
                for(i = 0, es_vacio = true; (i < cadena.length) && es_vacio; i++)   
                    es_vacio = blanco.indexOf(cadena.charAt(i)) != - 1;  
                return(es_vacio);  
            }
            
        </script>
    </head>
    <body>       
        <div class="extra">
            <div id="page_3">
                <div class="main">
                    <!--header -->

                    <table width="800" border="1" id="encabezado" > 
                        <tr> 
                            <td width="600" align="center"><p align="left"> <a target="frame"><img src="images/guatebay_logo.jpg" alt="">      </a>  </p> </td> 
                            <td width="800" align="center">
                                <br>    
                                <p align="right"> Bienvenido: usuario_logueado@email.com </p>
                                <p align="right"> <a href="">Cerrar Sesion</a></p>   
                            </td> 
                        </tr>
                    </table>

                    <header>  
                        <br>  

                        <nav>
                            <ul class="menu">
                                <li><a href="catalogo.jsp">Catálogo</a></li>
                                <li><a href="vender.jsp">Vender</a></li>
                                <li><a href="comprar.jsp">Comprar</a></li>
                                <li><a href="#page_2">Perfil</a></li>

                            </ul>
                        </nav>
                    </header>


                    <!--header end-->
                    <!--content -->
                    <section class="content">
                        <h2>Registrar Producto</h2>
                        <table width="800" border="1" id="encabezado" > 
                            <tr>
                                <td width="500" align="center"></td>    
                                <td width="500">
                                    <p align="right">
                                    <form name="miformu" onSubmit="return ValidaCampos(this)">
                                        Nombre: <input type="text" name="nombre" title="Nombre y Apellido" size="20">
                                        <br>
                                        <br>
                                        Descripcion: <textarea rows="10" cols="50" name="desc"></textarea>
                                        <br>
                                        <br>
                                        Precio: <input type="text" name="precio" size="20">
                                        <br>
                                        <br>
                                        Categoria: <%

                                            out.print("<SELECT NAME=\"categoria\" SIZE=1>");
                                            for (Categoria tipo : lista) {
                                                out.print("<OPTION value=\"" + tipo.getIdCategoria() + "\"> " + tipo.getNombre() + "</OPTION>");
                                            }
                                            out.print("</SELECT>");

                                        %>
                                        <br>
                                        <br>
                                        <input type="checkbox" name="subasta" value="subasta">En subasta<br>
                                        <br>
                                        <br>
                                        <input type="submit"  value="Ir a Subir Foto">
                                    </form>
                                
                                    </p>
                                </td>
                                <td width="500" align="center"></td>  
                            </tr>
                        </table>
                        <%
                        
                            if(request.getParameter("mensaje")!=null){
                            out.println((String)request.getParameter("mensaje"));
                                                           }
                            %>
                            
                        <div id="myDiv">


                        </div>
                    </section>

                    <!--content end-->
                </div>
                <div class="block"></div>
            </div>
        </div>
        <div class="main">  
            <!--footer -->
            <footer>
                <ul class="icons">
                    <li>Análisis y Diseño de Sistemas 2 (Proyecto de Clase)</li>
                    <li><a href="#" class="normaltip"><img src="images/icon1.jpg" alt=""></a></li>
                    <li><a href="#" class="normaltip"><img src="images/icon2.jpg" alt=""></a></li>
                    <li><a href="#" class="normaltip"><img src="images/icon3.jpg" alt=""></a></li>
                    <li><a href="#" class="normaltip"><img src="images/icon4.jpg" alt=""></a></li>
                    <li><a href="#" class="normaltip"><img src="images/icon5.jpg" alt=""></a></li>
                    <li><a href="#" class="normaltip"><img src="images/icon6.jpg" alt=""></a></li>
                </ul>
            </footer>
            <!--footer end-->
        </div>    
    </body>
</html>
